:root {
  --primary-color: #f7f7f7;
  --secondary-color: #212121;
  --lightgrey: #efefef;
  --darkgrey: #646464;
  --navbg: #fff;
  --navcol: #000; 
  --linkcol: #a6c037;
  --gore-green: #a6c037;
  --gore-grey: #333333;
}
/* root variables cannot be used in media queries so here for reference only:
  36em/57.6rem phone (Small devices (landscape phones, 576px and up)
  48em/76.8rem tablet (Medium devices (tablets, 768px and up)
  62em/99.2rem desktop (Large devices (desktops, 992px and up)
  75em/120rem large desktop (Large devices (desktops, 1200px and up)
  120em/192rem Pro/designer desktop (Large devices (desktops, 1920px and up, e.g. most pro design screens) 
*//* Note: We use a mix of "em" and "rem" dimensions throughout this css. 
Therefore adjusting body font size will alter any media queries and other dimensions that are based on "em". 
Feel free to change but be aware of possible unintended consequences :)  */

.body {
  font-family: 'MuseoSans', Helvetica, Arial, sans-serif;
  font-size:1.6rem; 
}
.lead {font-size:1.3em;}
a:hover {opacity:0.7;}/* ---------------------------------
    Navbar styles 
   --------------------------------- */
.navbar-section {
  padding-top: 0;
  padding-bottom: 0;
  /* navbar account name color */
  color: var(--navcol);
  /* navbar color */
  background-color: var(--navbg);
  /* navbar border at the bottom */
}

/* transparent navbar */
.navbar-section.nav-transparent {
  background-color: rgba(0,0,0, 0.1);
}

/* navbar icons text color */
.navbar-section .selection-count,
.navbar-section .avatar-user-dropdown{
  color: var(--navcol);
}

/* navbar user dropdown border color */
.navbar-section .avatar-user-dropdown{
  border-color: var(--navcol);
}

/* hamburger menu for mobile */
svg.hamburger-menu g path {stroke:var(--navcol);}

/* navbar icons color */
.navbar-section .svg-stroke path,
.navbar-section .svg-stroke line {
  stroke: var(--navcol);
}
/* my profile circular border */
.navbar-section .avatar-user-dropdown {
	border-color: var(--navcol);
}

/* navbar icons color */
.navbar-section .svg-fill path{
  fill: var(--navcol);
}

/* navbar icon text color */
.nav-icon-text {
    color:var(--navcol);
}

/* navbar links */
.navbar-section-content a { 
  color: var(--navcol);
}

/* Hide logo and account name on mobile */
.account-logo .logo {
  display: none; 
  max-height: 4rem;
}

span.account-name {
  font-size: 1.6rem;
  display: none;
}

.account-logo-mobile {
  left: auto;
  top: auto;
  width: auto;
  height: 5rem;
}

@media (min-width: 62em) {
  /* Adjust height and spacing for logo on desktop */
  .navbar-section {
    height: 10rem;
  }
  .account-logo .logo,
  span.account-name {
    display:block;
    max-height:10rem;
    padding:0.5em 0;
  }	
}.footer-section {
  background-color: black;
  color: white;
}

.footer-top {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 3rem;
  align-items: flex-start;
}

.footer-top article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}

.footer-top article ul {list-style:none;}
  
.footer-top article li, .footer-top article p {
  width:100%;
  display:block;
  text-align:center;
  line-height:5rem;
}
.footer-top article li a {text-decoration:none;}

.footer-top-section-right {
  display: flex;
  flex-direction: column;
}

@media (min-width:62em) {
  .footer-top {
    grid-template-columns: 1fr 1fr;
  }
  .footer-top article:nth-child(2) p {text-align:right;}
  .footer-top article li {
    padding-right:2rem;
    margin-right:1rem;
    width:fit-content;
    text-align:left;
    display:inline-block;
  }
  .footer-top article li:last-child {border:none;}
  .footer-top-section-left {
	width: auto;
	text-align: left;
	}
  .footer-top-section-right {
  width: auto;
  text-align: right;
  }
}

.gore-dc-logo {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><g data-name="Group 6878"><g data-name="Group 6878"><path data-name="Path 6375" d="M451.2 259.4a1.3 1.3 0 0 0 1.5-1.5v-5a1.3 1.3 0 0 0-1.5-1.5h-19.8a1.3 1.3 0 0 0-1.5 1.5v26.8a1.3 1.3 0 0 0 1.5 1.5h19.8a1.3 1.3 0 0 0 1.5-1.5v-5a1.3 1.3 0 0 0-1.5-1.5h-11.3c-.3 0-.4-.1-.4-.4v-2.5c0-.3.1-.4.4-.4h9.5a1.3 1.3 0 0 0 1.4-1.5V264a1.3 1.3 0 0 0-1.4-1.4h-9.5c-.3 0-.4-.2-.4-.5v-2.2c0-.3.1-.4.4-.4z" transform="matrix(.90592 0 0 .90592 -361 -191.3)" style="fill:%23fff"/><path data-name="Path 6376" d="m408.8 279.6-4-9.6a1 1 0 0 1 0-1.2l1.9-1.8a4.5 4.5 0 0 0 1.7-4v-4a5.1 5.1 0 0 0-1.7-4l-1.7-1.7a5.3 5.3 0 0 0-4.4-2h-17a1.3 1.3 0 0 0-1.6 1.6v26.8a1.3 1.3 0 0 0 1.5 1.5h6.6a1.3 1.3 0 0 0 1.5-1.5v-7.2c0-.3.1-.4.4-.4h3c.5 0 .7.1.9.5l3.1 7.4a1.7 1.7 0 0 0 1.7 1.2h7c1.1 0 1.5-.7 1.1-1.6zm-10-16.8a1.5 1.5 0 0 1-.5 1.2l-.3.3a1.5 1.5 0 0 1-1.2.5H392c-.3 0-.4-.1-.4-.4v-5.5c0-.3.1-.4.4-.4h4.8a1.5 1.5 0 0 1 1.2.5l.3.3a1.5 1.5 0 0 1 .5 1.2z" transform="matrix(.90592 0 0 .90592 -345.5 -191.3)" style="fill:%23fff"/><path data-name="Path 6377" d="m449.5 193.7-2.9-2.9a5.3 5.3 0 0 0-4.3-1.8h-9.1a5.3 5.3 0 0 0-4.4 1.8l-2.8 2.9a5.3 5.3 0 0 0-1.8 4.3v11.7a5.3 5.3 0 0 0 1.8 4.3l2.8 2.9a5.3 5.3 0 0 0 4.4 1.9h9a5.3 5.3 0 0 0 4.4-2l2.9-2.8a5.3 5.3 0 0 0 1.7-4.3V198a5.3 5.3 0 0 0-1.7-4.3zm-7.8 14.5a1.8 1.8 0 0 1-.7 1.5l-.5.5a2 2 0 0 1-1.6.7h-2.4a2 2 0 0 1-1.6-.7l-.5-.5a1.8 1.8 0 0 1-.6-1.5v-8.6a1.8 1.8 0 0 1 .6-1.6l.5-.5a2 2 0 0 1 1.6-.7h2.4a2 2 0 0 1 1.6.7l.5.5a1.8 1.8 0 0 1 .7 1.6z" transform="matrix(.90592 0 0 .90592 -359.1 -171.2)" style="fill:%23fff"/><path data-name="Path 6378" d="M393.9 211.3a2 2 0 0 1-1.6-.7l-1-1a1.8 1.8 0 0 1-.6-1.4v-8.6a1.8 1.8 0 0 1 .6-1.6l.4-.4a2 2 0 0 1 1.6-.6h10.3a1.3 1.3 0 0 0 1.4-1.5v-5a1.3 1.3 0 0 0-1.4-1.5H390a5.3 5.3 0 0 0-4.4 1.8l-2.8 2.9a5.3 5.3 0 0 0-1.8 4.3v11.7a5.3 5.3 0 0 0 1.8 4.3l2.8 2.9a5.3 5.3 0 0 0 4.4 1.9h14.3a1.3 1.3 0 0 0 1.5-1.5v-12.8a1.3 1.3 0 0 0-1.5-1.5h-6.6a1.3 1.3 0 0 0-1.5 1.5v6.4c0 .3-.1.4-.4.4z" transform="matrix(.90592 0 0 .90592 -345.2 -171.2)" style="fill:%23fff"/><g data-name="Group 6862"><path data-name="Path 6379" d="M382 240.3h1.5c1.4 0 2.1.7 2.1 1.9a1.8 1.8 0 0 1-2 2H382zm1.5 3c.6 0 .8-.4.8-1 0-.8-.2-1-.8-1h-.2v2z" transform="matrix(.90592 0 0 .90592 -345.6 -187.7)" style="fill:%23fff"/><path data-name="Path 6380" d="M388.4 240.3h1.3v3.8h-1.3z" transform="matrix(.90592 0 0 .90592 -347.6 -187.7)" style="fill:%23fff"/><path data-name="Path 6381" d="M391.2 242.9h1.1c0 .2.2.4.6.4.3 0 .4-.1.4-.3 0-.2-.1-.3-.6-.3-1-.1-1.4-.5-1.4-1.2 0-.8.5-1.3 1.5-1.3s1.5.4 1.5 1.3h-1a.4.4 0 0 0-.5-.4c-.3 0-.4.1-.4.3 0 .1.1.2.6.3 1 0 1.5.3 1.5 1.2 0 .7-.6 1.3-1.6 1.3-1.1 0-1.7-.4-1.7-1.3z" transform="matrix(.90592 0 0 .90592 -348.5 -187.7)" style="fill:%23fff"/><path data-name="Path 6382" d="M397.6 241.2h-1v-.9h3.2v1h-1v2.8h-1.2z" transform="matrix(.90592 0 0 .90592 -350.2 -187.7)" style="fill:%23fff"/><path data-name="Path 6383" d="M402.3 240.3h1.6c1 0 1.6.4 1.6 1.3a1 1 0 0 1-.7 1l.9 1.5h-1.3l-.7-1.3h-.2v1.3h-1.2zm1.5 1.8c.3 0 .5-.2.5-.5s-.2-.4-.5-.4h-.3v.9z" transform="matrix(.90592 0 0 .90592 -352 -187.7)" style="fill:%23fff"/><path data-name="Path 6384" d="M408.3 240.3h1.3v3.8h-1.3z" transform="matrix(.90592 0 0 .90592 -354 -187.7)" style="fill:%23fff"/><path data-name="Path 6385" d="M411.2 242.2a1.9 1.9 0 0 1 2-2 1.6 1.6 0 0 1 1.8 1.5h-1.3a.5.5 0 0 0-.6-.5c-.4 0-.7.3-.7 1s.3 1 .8 1a.6.6 0 0 0 .6-.6h1.2a1.6 1.6 0 0 1-1.8 1.6 1.8 1.8 0 0 1-2-2z" transform="matrix(.90592 0 0 .90592 -355 -187.7)" style="fill:%23fff"/><path data-name="Path 6386" d="M418.4 241.2h-1v-.9h3.2v1h-1v2.8h-1.2z" transform="matrix(.90592 0 0 .90592 -357 -187.7)" style="fill:%23fff"/><path data-name="Path 6387" d="M424.5 242.2a1.9 1.9 0 0 1 2-2 1.6 1.6 0 0 1 1.8 1.5h-1.2a.5.5 0 0 0-.6-.5c-.5 0-.7.3-.7 1s.2 1 .7 1a.6.6 0 0 0 .6-.6h1.3a1.6 1.6 0 0 1-1.9 1.6 1.8 1.8 0 0 1-2-2z" transform="matrix(.90592 0 0 .90592 -359.2 -187.7)" style="fill:%23fff"/><path data-name="Path 6388" d="M431 242.2a2 2 0 0 1 2-2 1.9 1.9 0 0 1 2 2 2 2 0 0 1-2 2 1.9 1.9 0 0 1-2-2zm2.8 0c0-.7-.3-1-.8-1s-.8.3-.8 1 .3 1 .8 1 .8-.3.8-1z" transform="matrix(.90592 0 0 .90592 -361.3 -187.7)" style="fill:%23fff"/><path data-name="Path 6389" d="M438.2 242.6v-2.3h1.2v2.2c0 .5 0 .8.5.8.4 0 .5-.3.5-.8v-2.2h1.3v2.3a1.8 1.8 0 0 1-3.5 0z" transform="matrix(.90592 0 0 .90592 -363.6 -187.7)" style="fill:%23fff"/><path data-name="Path 6390" d="M444.7 240.3h1.4l1 2v-2h1.2v3.8H447l-1.3-2.2v2.2h-1z" transform="matrix(.90592 0 0 .90592 -365.8 -187.7)" style="fill:%23fff"/><path data-name="Path 6391" d="M451 242.2a1.9 1.9 0 0 1 2-2 1.6 1.6 0 0 1 1.9 1.5h-1.3a.5.5 0 0 0-.5-.5c-.5 0-.7.3-.7 1s.2 1 .7 1a.6.6 0 0 0 .6-.6h1.2a1.6 1.6 0 0 1-1.8 1.6 1.8 1.8 0 0 1-2-2z" transform="matrix(.90592 0 0 .90592 -367.8 -187.7)" style="fill:%23fff"/><path data-name="Path 6392" d="M457.9 240.3h1.2v3.8h-1.2z" transform="matrix(.90592 0 0 .90592 -370 -187.7)" style="fill:%23fff"/><path data-name="Path 6393" d="M461 240.3h1.2v3h1.4v.8H461z" transform="matrix(.90592 0 0 .90592 -371 -187.7)" style="fill:%23fff"/></g></g><g data-name="Group 6879"><path data-name="Path 6394" d="M499 196.6a3 3 0 0 1-1.1 2.5l-1.2 1.2a.7.7 0 0 0 0 .8l2.6 6.2c.2.6 0 1-.7 1H494a1.1 1.1 0 0 1-1.1-.7l-2-4.8c-.1-.2-.3-.3-.6-.3h-2c-.1 0-.2 0-.2.3v4.6a.8.8 0 0 1-1 1h-4.3a.8.8 0 0 1-1-1V190a.8.8 0 0 1 1-1H494a3.5 3.5 0 0 1 2.8 1.2l1 1a3.3 3.3 0 0 1 1.2 2.8zm-6.2-1.7a1 1 0 0 0-.3-.8l-.2-.2a1 1 0 0 0-.9-.3h-3c-.2 0-.3 0-.3.3v3.5c0 .2 0 .3.3.3h3a1 1 0 0 0 .9-.3l.2-.2a1 1 0 0 0 .3-.8z" transform="matrix(.90592 0 0 .90592 -377.7 -171.2)" style="fill:%23fff"/><path data-name="Path 6395" d="M522.4 190a.8.8 0 0 1 1-1h4.3a.8.8 0 0 1 1 1v12.5a3.5 3.5 0 0 1-1.2 2.8l-1.8 1.9a3.5 3.5 0 0 1-2.9 1.2H518a3.5 3.5 0 0 1-2.8-1.2l-1.9-1.9a3.5 3.5 0 0 1-1.1-2.8V190a.8.8 0 0 1 1-1h4.2a.8.8 0 0 1 1 1v11.3a1.2 1.2 0 0 0 .4 1l.4.4a1.2 1.2 0 0 0 1 .4h.5a1.2 1.2 0 0 0 1-.4l.4-.4a1.2 1.2 0 0 0 .4-1z" transform="matrix(.90592 0 0 .90592 -387.5 -171.2)" style="fill:%23fff"/><path data-name="Path 6396" d="M559.3 196.6a3 3 0 0 1-1.1 2.5l-1.2 1.2a.7.7 0 0 0 0 .8l2.6 6.2c.2.6 0 1-.7 1h-4.6a1.1 1.1 0 0 1-1.1-.7l-2-4.8c-.1-.2-.3-.3-.6-.3h-2c-.1 0-.2 0-.2.3v4.6a.8.8 0 0 1-1 1h-4.3a.8.8 0 0 1-1-1V190a.8.8 0 0 1 1-1h11.1a3.5 3.5 0 0 1 2.9 1.2l1 1a3.3 3.3 0 0 1 1.2 2.8zm-6.2-1.7a1 1 0 0 0-.4-.8l-.1-.2a1 1 0 0 0-.9-.3h-3c-.2 0-.3 0-.3.3v3.5c0 .2 0 .3.2.3h3.1a1 1 0 0 0 .9-.3l.1-.2a1 1 0 0 0 .4-.8z" transform="matrix(.90592 0 0 .90592 -397.2 -171.2)" style="fill:%23fff"/><path data-name="Path 6397" d="M578.2 204.7c-.2 0-.2 0-.3.2l-.5 2.4c-.2.8-.5 1-1.2 1h-4c-.8 0-1-.4-.9-1l4-17.1c.3-1 .7-1.2 1.8-1.2h6.7c1.1 0 1.5.3 1.7 1.2l4 17c.2.7 0 1.2-.7 1.2h-4.2c-.7 0-1-.3-1.2-1.1l-.5-2.4c0-.2-.1-.2-.3-.2zm3.4-4.8c.2 0 .3-.1.2-.3l-1.2-5.8a.2.2 0 0 0-.3 0l-1.3 5.8c0 .2 0 .3.2.3z" transform="matrix(.90592 0 0 .90592 -406.6 -171.2)" style="fill:%23fff"/><path data-name="Path 6398" d="M608.8 202.9c0 .2.1.3.3.3h5.8a.8.8 0 0 1 1 1v3.2a.8.8 0 0 1-1 1h-11.3a.8.8 0 0 1-1-1V190a.8.8 0 0 1 1-1h4.3a.8.8 0 0 1 1 1z" transform="matrix(.90592 0 0 .90592 -416.7 -171.2)" style="fill:%23fff"/><path data-name="Path 6399" d="M481.2 234.1a3.5 3.5 0 0 1 1.1-2.8l1.9-1.8a3.5 3.5 0 0 1 2.9-1.3h7.3a.8.8 0 0 1 1 1v3.3a.8.8 0 0 1-1 1h-5.2a1.2 1.2 0 0 0-1.1.4l-.2.2a1.2 1.2 0 0 0-.5 1v5.6a1.2 1.2 0 0 0 .5 1l.2.3a1.2 1.2 0 0 0 1 .4h5.3a.8.8 0 0 1 1 1v3.3a.8.8 0 0 1-1 1h-7.3a3.5 3.5 0 0 1-2.9-1.3l-1.9-1.9a3.5 3.5 0 0 1-1-2.8z" transform="matrix(.90592 0 0 .90592 -377.5 -183.8)" style="fill:%23fff"/><path data-name="Path 6400" d="M513.5 246.7a.8.8 0 0 1-1 1h-4.2a.8.8 0 0 1-1-1v-17.5a.8.8 0 0 1 1-1h4.3a.8.8 0 0 1 1 1z" transform="matrix(.90592 0 0 .90592 -386 -183.8)" style="fill:%23fff"/><path data-name="Path 6401" d="M525.7 246.7v-13c0-.2 0-.3-.3-.3h-3.8a.8.8 0 0 1-1-1v-3.2a.8.8 0 0 1 1-1H536a.8.8 0 0 1 1 1v3.3a.8.8 0 0 1-1 1h-3.8c-.2 0-.3 0-.3.2v13a.8.8 0 0 1-1 1h-4.2a.8.8 0 0 1-1-1z" transform="matrix(.90592 0 0 .90592 -390.2 -183.8)" style="fill:%23fff"/><path data-name="Path 6402" d="M559.3 229.3c.3-.8.6-1 1.3-1h4.3c.7 0 1 .4.7 1l-5.2 11.5a4.5 4.5 0 0 0-.5 2.3v3.6a.8.8 0 0 1-1 1h-4.2a.8.8 0 0 1-1-1V243a4.5 4.5 0 0 0-.4-2.3l-5.2-11.4c-.3-.7 0-1.2.7-1.2h4.4c.7 0 1 .3 1.4 1.1l2.2 5.6c0 .2.2.2.3 0z" transform="matrix(.90592 0 0 .90592 -399 -183.8)" style="fill:%23fff"/><path data-name="Path 6403" d="M488 281.4c0 .2.2.3.4.3h5.8a.8.8 0 0 1 1 1v3.2a.8.8 0 0 1-1 1h-11.4a.8.8 0 0 1-1-1v-17.4a.8.8 0 0 1 1-1h4.3a.8.8 0 0 1 1 1z" transform="matrix(.90592 0 0 .90592 -377.7 -196.5)" style="fill:%23fff"/><path data-name="Path 6404" d="M512.4 285.9a.8.8 0 0 1-1 1h-4.3a.8.8 0 0 1-1-1v-17.4a.8.8 0 0 1 1-1h4.3a.8.8 0 0 1 1 1z" transform="matrix(.90592 0 0 .90592 -385.6 -196.5)" style="fill:%23fff"/><path data-name="Path 6405" d="M530 268.6c0-.9.4-1.1 1.1-1.1h4.1c.7 0 1 .5.8 1l-3.4 17.2c-.2.9-.6 1.2-1.7 1.2H524c-1 0-1.5-.3-1.7-1.2l-3.4-17.1c-.1-.6 0-1.1.8-1.1h4.1c.7 0 1 .2 1.2 1l2.3 13a.2.2 0 0 0 .3 0z" transform="matrix(.90592 0 0 .90592 -389.6 -196.5)" style="fill:%23fff"/><path data-name="Path 6406" d="M554.9 285.9a.8.8 0 0 1-1 1h-4.3a.8.8 0 0 1-1-1v-17.4a.8.8 0 0 1 1-1h4.3a.8.8 0 0 1 1 1z" transform="matrix(.90592 0 0 .90592 -399.3 -196.5)" style="fill:%23fff"/><path data-name="Path 6407" d="M568.2 267.5a1.4 1.4 0 0 1 1.5.9l3.9 7.3a.2.2 0 0 0 .3-.1v-7.1a.8.8 0 0 1 1-1h4a.8.8 0 0 1 1 1v17.4a.8.8 0 0 1-1 1h-4a1.4 1.4 0 0 1-1.5-1l-3.8-7.2a.2.2 0 0 0-.3 0v7.2a.8.8 0 0 1-1 1h-4a.8.8 0 0 1-1-1v-17.4a.8.8 0 0 1 1-1z" transform="matrix(.90592 0 0 .90592 -404 -196.5)" style="fill:%23fff"/><path data-name="Path 6408" d="M602.8 282c.2 0 .3 0 .3-.3v-4.1a.8.8 0 0 1 1-1h4.3a.8.8 0 0 1 1 1v8.3a.8.8 0 0 1-1 1H599a3.5 3.5 0 0 1-2.9-1.2l-1.8-2a3.5 3.5 0 0 1-1.2-2.7v-7.6a3.5 3.5 0 0 1 1.2-2.8l1.8-1.9a3.5 3.5 0 0 1 2.9-1.2h8.7a.8.8 0 0 1 1 1v3.2a.8.8 0 0 1-1 1h-6.6a1.2 1.2 0 0 0-1 .4l-.3.3a1.2 1.2 0 0 0-.5 1v5.6a1.2 1.2 0 0 0 .5 1l.6.6a1.2 1.2 0 0 0 1 .4z" transform="matrix(.90592 0 0 .90592 -413.6 -196.5)" style="fill:%23fff"/></g></g></svg>');
  width: 14rem;
  height: 7rem;
  display: inline-block;
}/* ---------------------
Main Elements
--------------------- */
.body {
  background-color: var(--primary-color);
}

/* allow for transparent nav */
/*#index .main {margin-top: 0;}
@media screen and (min-width: 62em) {#index.main {margin-top: 0;}} 
*/
.main {margin-top: 7rem;}
@media screen and (min-width: 62em) {.main {margin-top:10rem;}} 
.preview-mode .main {padding-top: 6rem;}

.welcome-paragraph {
  font-size:2rem;
}

mark {
  padding: 1rem 2rem;
  background-color: #f9d147;
  color: black;
}

/* fix code wrapping on mobile */
pre {
  font-family: monospace,monospace;
  font-size: 1em;
  max-width: 100%;
  overflow: auto;
  white-space: normal;
}

/* ----------------
Search widget
---------------- */

.search-section {
  max-width: 120rem;
  margin: 5rem auto; 	
}

.search-label{
  display: none;
}

/* filters */
.filters {
  justify-content: center;
}

.filter-options .filter-option:hover {
  color: #fff;
  background-color: var(--gore-green);
}

.filter-options .filter-option.selected {
  font-weight: bold;
  background-color: transparent;
  color: #111;
}

.filter-button:hover {
  background-color: var(--gore-green);
}

/* stop overflow on mobile */
@media screen and (max-width: 36em) { #advanced-search .advanced-search-content {max-width: 100%;} }

.search-grid-section .page-actions, 
.search-grid-section .grid, 
.search-grid-section .assets-pagination {
  background-color: var(--primary-color);
  padding-bottom:4rem;  
}
.change-grid-view .icon-text {
  display: none;
}

.file-icon::before{
  border-color: var(--primary-color) var(--primary-color) rgba(255, 255, 255, .3) rgba(255, 255, 255, .35);
}

/* ----------------
Masonry view 
----------------- */
.masonry-asset {
  margin-bottom: 2rem;
  background-color: white;
  padding: 0;
  float: left;
}
.masonry-asset:hover {opacity:0.6;}
.masonry-asset .asset-grid-icon {position:relative;}
.masonry-asset .asset-grid-name {margin-left:0;}

/* ------------
Feed view 
---------------- */
.feed-view .asset-name {
  text-align:left;
  justify-content:left;
}
.feed-view .asset-grid-name {
  font-size: 1.2em;
  text-align:left;
  font-weight:bold;
}
.feed-view .feed-asset-type-icon {display:none;}

/* ------------
Gallery 
------------ */

/*-- Mobile --*/
.gallery-link,
.gallery-image {
  height: 8rem;
}

/*-- Desktop --*/
@media (min-aspect-ratio: 1/1) {
  .gallery-link,
  .gallery-image {
    height: 16rem;
  }
}


/* --------------
Home Page 
-------------- */
.intro-logo {
  max-width:20rem;
}


/* custom social links article */
.social-links {margin-top:5em;}
.social-links a {font-size:2rem;padding:1rem 2rem;}
/* end */

/* fix download form terms field separation issue */
.form-checkbox.terms {
  margin: 5rem 0;
}

/* latest assets section */
#latest-assets-header {padding: 4rem 10%;}

#latest-assets-header a {
  text-decoration: none;
  padding: 2rem;
  color: #767676;
  font-size: 1.5rem;
}

#latest-assets-header a.active {
  color: #111;
  pointer-events: none;
  box-shadow: inset 0 -2px #111;
  padding: 1.8rem 0;
}

/* hidden info
#index #store-search,
#index .section.page-actions,
#index .section.assets-pagination,
#index .section.grid-view .asset-buttons,
#index .section.grid-view .asset-source,
#index .section.grid-view .asset-type-icon
{display: none;}*/

/* masonry styling 
#index .grid-section-wrapper {padding: 0 10% 4rem;}
#index .grid-view {
  display: block;
  columns: 1;
  column-gap: 1rem;
  padding: 0;
}

/* responsive */
/*@media screen and (min-width: 48em) { #index .grid-view {columns: 3;} }
@media screen and (min-width: 62em) { #index .grid-view {columns: 4;} }
@media screen and (min-width: 75em) { #index .grid-view {columns: 5;} }

#index .asset {
  position: relative;
  overflow: hidden;
  padding-bottom: 1rem; 
  margin-bottom: 0;
}

#index .asset-image-link {height: auto;}

#index .asset-image {
  display: block;
  width: 100%;
  height: auto;
}*/

/* #index .asset-data {
  position: absolute;
  top: -1rem; /* offset the asset padding ---
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7); 
  color: #fff; 
  transition: opacity 0.3s ease-in-out;
  margin: 0;
  padding: 0 2rem;
}*/

/*#index .asset-grid-name {
  overflow: auto;
  text-overflow: normal;
  white-space: wrap;
}

#index .asset:hover .asset-data {
  opacity: 1;
}*/

/* END latest assets *//* Grid assets and Asset details page */

/* content additions */
.asset-info span:not(.asset-id, .asset-source):before,
.AssetView .asset-size:before,
.AssetView .asset-dimensions:before,
.AssetView .asset-word-count:before {
  content: ' • ';
}

.AssetView .asset-latitude:before {
  content:'Latitude: ';
}

.AssetView .asset-longitude:before {
  content:'Longitude: ';
}

.asset-source:before {
  content: 'src: ';
}

.asset-licence-value:before {
  content: ' -';
  margin-right: 0.5rem;
}

/* Hidden */
.asset-details-section .asset-type,
.asset-tags-title,
.asset-size-title,
.asset-dimensions-title,
.asset-created-at,
.asset-id-title,
.asset-licence-title,
.asset-word-count-title,
.collections-section-title {
  display: none;
}

/* Layout */

.asset-page-wrapper {
  padding: 2rem 2em;
}
@media (min-width:768px) {
  .asset-page-wrapper {
    padding: 6rem 6em;
  }
}

.asset-page-wrapper .section {
  padding: 1rem 0;
}

.asset-details-section {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.9rem;
}

.asset-details-section article {
  flex: 0 0 100%;
}                                                                                                       

.asset-details-section .asset-size,
.asset-details-section .asset-dimensions,
.asset-details-section .asset-extension,
.asset-details-section .asset-id,
.asset-details-section .asset-word-count {
  flex: 0 0 auto;
}

.related-assets-section {
  border-top: 1px dotted color-mix(in srgb, var(--color-body-text) 20%, transparent);
  padding-bottom: 4rem;
}

/* Grid area ordering */ 

.AssetView .asset-name {
  order: 1;
  width: 100%;
}

.AssetView .asset-type-icon {
  order: 2;
}

.AssetView .asset-id {
  order: 3;
}

.AssetView .asset-word-count {
  order: 4;
}

.AssetView .asset-size {
  order: 5;
}

.AssetView .asset-dimensions {
  order: 6;
}

.AssetView .asset-description {
  order: 7;
}

.AssetView .asset-ai-description {
  order: 7;
}

.AssetView .asset-licence {
  order: 8;
}

.AssetView .asset-terms-of-use {
  order: 9;
  padding-bottom: 1rem;
}

.AssetView .asset-expiry-date {
  order: 10;
}

.AssetView .asset-created-at {
  order: 12;
}

.AssetView .asset-credit {
  order: 13;
}

.AssetView .asset-usage {
  order: 14;
}

.AssetView .asset-reference {
  order: 15;
}

.AssetView .asset-account {
  order: 15;
}

.AssetView .asset-location {
  order: 16;
}

.asset-page-wrapper {
  grid-template-areas: "breadcrumb breadcrumb breadcrumb" "proxy proxy proxy" "details details details"  "tags tags tags" "actions actions actions";
}
.asset-page-wrapper.post {
  grid-template-areas: "breadcrumb breadcrumb breadcrumb" "proxy proxy proxy" "tags tags tags" "actions actions actions";
}

@media (min-width:36em) {
  .asset-page-wrapper .section {padding: 0;}
  .asset-page-wrapper .asset-tags-section {padding: 3rem 0;}
  .asset-proxy-section {margin-right: 5rem;}
  .asset-page-wrapper {
    grid-template-areas: "breadcrumb actions actions" "proxy proxy details" "proxy proxy tags";
  }
  .asset-page-wrapper.post {
    grid-template-areas: "breadcrumb actions actions" "proxy proxy proxy" "tags tags tags";
  }
}
/* Sign Up Page styles */
.new-account-section .form-section {
  background-color:transparent;
  padding:0;
}

.new-account-hint {font-size:2.5rem;}

.new-account-section .form-section form {
  background-color:antiquewhite;
  border-radius:1em;
  padding:1em;
}

@media screen and (min-width: 75em) {
  .new-account-section .form-section {
    width: 33vw;
    min-width:30em;
    margin:1em auto;
    background-color:transparent;
  }
  .new-account-section .form-section form {
    background-color:antiquewhite;
    border-radius:1em;
    padding:2em;
  }
  .new-account-section .new-account-embeded-image {
    padding:3rem;
    max-width:66vw;
  }
  blockquote {padding:2em;}
  blockquote span {
    display:block;
    width:100%;
    font-size:2.2rem;
    font-weight:bold;
  }
  blockquote cite {
    display:block;
    width:100%;
    font-size:1em;
    text-align:center;
  }	
  .signup-faq {
    margin:2.5%;
    text-align:left!important;
    padding-top:1em;
  }
}
.desktop {display:none;}

@media screen and (min-width: 62em){
  .desktop {display:block;}
  .mobile {display:none;}
}

/* faq styles */
dl {
  column-count: 1;
  column-gap: 0rem;
}

.fw dl {
  column-count: 1;
  column-gap: 0rem;
}
@media (min-width:48em) {
  dl {
    column-count: 2;
    column-gap: 5rem;
  }
  .fw dl {
    column-count: 3;
    column-gap: 5rem;
  }
}

dt {font-weight:bold;}
dt.subtitle {
  border-bottom: 2px solid #000;
  margin:2rem 0;
}
dt.subtitle:first-child {
  border-bottom: 2px solid #000;
  margin:0 0 2rem 0;
}
dd {margin-bottom:1rem;}
.bk-wall .brandkit-logo,
.bk-wall .logo {
  max-height: 20rem;
}

@media screen and (min-width: 36em) {
  .bk-wall {
    margin: 10em auto 4em auto;
    padding:3rem 6rem
  }
}

@media screen and (min-width: 48em) {
  .bk-wall {
    margin: 10em 4em;
  }
}
.reset-password-section {
  background-color:#fff;
  width:fit-content;
  margin:0 4em;
}/* full width section */
.fw {padding:4em 0;}

@media (min-width:77rem) {
  .fw {
    width:100vw;
    padding:4em 0;
  } 
}

/* full height section */
.fh {
  padding-top:0;
  padding-bottom:0;
}

/* two column grids used throughout site */
.two-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap:2em;
}
.two-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
/* Tablet Breakpoint 768px / 16px = 48em */
@media (min-width:48em) {
  .two-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 6em;
    grid-row-gap:6em;
  }
  .two-col-grid h1, .two-col-grid h2 {
  }
}  
/* end 2 col grid */

/* 3 column grids used throughout site */
.three-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.three-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}

/* Tablet Breakpoint 768px / 16px = 48em */
@media (min-width:48em) {
  .three-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 4em;
    grid-row-gap:4em;
  }
}
/*  Desktop Breakpoint 1200px / 16px = 75em*/ 
@media (min-width:75em) {
  .three-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 4em;
    grid-row-gap:4em;
  }
  .three-col-grid h1, .three-col-grid h2 {
  }
}  
/* end 3 col grid */

/* 4 column grids used throughout site */
.four-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.four-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
/*  Desktop Breakpoint 768px / 16px = 48em */ 
@media (min-width:48em) {
  .four-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2em;
    grid-row-gap:2em;
  }
}
/*  Desktop Breakpoint 1200px / 16px = 75em */   
@media (min-width:75em) {
  .four-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 2em;
    grid-row-gap:2em;
  }
}  
/* end 4 col grid */section .intro, #intro {
    text-align: center;
    padding-bottom: 3rem;
}

section.blackbg {
  background-color: #121212;
  color: #fff!important;
}
section.whitebg {
  background-color: #fff;
  color: #000!important;
}
/* reset section padding on occasion */
.tight-bottom {padding-bottom:0;}
.tight-top {padding-top:0;}
.tight-left {padding-left:0;}
.tight-right {padding-right:0;}

/* html section */
.html-section {
  width:100vw;
  padding-top:6rem;
  padding-left:2em;
  padding-right:2em;
  padding-bottom:6em;
}
.html-section img {margin:2em auto;}
.html-section p img {margin:0 auto;}
.html-section:first-child {padding-top:12rem;}

@media (min-width:62em) {
  .html-section {
    padding-left:3em; 
    padding-right:3em;  
  }
}  
@media (min-width:75em) {
  .html-section {
    padding-left:calc(50vw - 34.5em); 
    padding-right:calc(50vw - 34.5em);   
  }
}  
@media (min-width:120em) {
  .html-section {
    padding-left:calc(50vw - 45em); 
    padding-right:calc(50vw - 45em);  
  }
}

/* show the Search label and the And/Or toggle in the Search Grid - check render colour in each theme */
label.search-label {display:block;}.button,
.normal-button {
  color: #fff;
  background-color: #000;
  padding: 1rem 2rem;
}
.cancel-button, .cancel-my-account-button {
  color:red; 
  text-decoration:underline; 
  background-color:#fff;}

.button-with-border {
  color: #000;;
  background-color: #fff;
  border: 1px solid #000;
}
.edit-profile-button {
  width:100%;
}
.normal-button.save-profile-changes-button,
.normal-button.save-profile-changes-button  {
  padding: 1rem 2rem;
}

a:hover,
.asset-add-to-basket-button:hover,
.clear-search-btn:hover {
  opacity:0.6;
}/* Albums widget */
.albums-grid .album {
  aspect-ratio: 3 / 2; /* sets aspect ratio of album covers consistently when height is calculated */
  width: 100%;
  height: -webkit-fit-content;
}

.albums-grid .album-cover {background-color: #fff;} /* for transparent png images */

.albums-grid .album-cover, .albums-horizontal-grid .album-cover {
  min-height: auto; 
}

.album-cover, .album-with-no-cover {
  border: 5px solid var(--gore-green);
}

.album-cover:hover, .album-with-no-cover:hover {
  border: 5px solid var(--gore-grey);
}

/* new album select state */
a.album-selected {
  border: none;
  box-shadow: none;
}
a.album-selected img, a.album-selected div.album-with-no-cover,
a.album-selected img:hover, a.album-selected div.album-with-no-cover:hover {
  border: 5px solid var(--gore-green);
  box-shadow: 0 15px 25px 1px #ccc;
}
a.album-selected span.album-title {
  color:#000;
  font-weight:bold;
}
/* end album select state */

.albums-horizontal-grid .album-wrapper {
  padding: 4rem 2rem 0;
  grid-gap: 2rem;
}

section.albums-section {
  padding: 2rem;
}

/* tablet - rows of two */
@media screen and (min-width: 48em) {
  .albums-grid .album {width: calc(50% - 1rem);}
}

/* desktop - rows of three */
@media screen and (min-width: 62em) {
  .albums-grid .album-wrapper {
	max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 4rem 10%;
  }

  .albums-grid .album {
    width: calc(33% - 3rem);
  }
  
  .albums-horizontal-grid .album-wrapper {
	max-width: 100%;
    grid-gap: 4rem;
    overflow-wrap: normal;
    flex-wrap: wrap;
  }
}

/* setting height on title stops different image height when there is a line break */
.albums-grid .album-title {
  height: 6rem;
  display: flex;
  flex-direction: column;
  line-height: 2rem;
  align-items: center;
  justify-content: center;
}/* carousel */

#carousel {
  position: relative;
  overflow: hidden;
  line-height: 0;
  height: 100%;
  padding: 0;
}

.carousel-container {
  display: flex;
  transition: transform 1s ease;
}

.carousel-slide {
  flex: 0 0 100%; /* Ensure each slide takes full width */
}

.carousel-slide img {
  width: 100%;
  margin: 0;
}

/* left and right navigation (hidden) */
.prev,
.next {
  position: absolute;
  top: 0;
  background-color: red;
  cursor: pointer;
  height: 94.5%;
  width: 10%;
  z-index: 1;
  opacity: 0;
}

.prev {
  left: 0;
}

.next {
  right: 0;
}

/* slide indicators */
.carousel-dots {
  position: absolute;
  bottom: 10%; 
  left: 50%;
  transform: translateX(-50%); /* Corrects horizontal centering */
  z-index: 1;
}

.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

/* active slide indicator */
.dot.active {
  opacity: 100%;
}

/* inactive slide indicator */
.dot:not(.active) {
  opacity: 50%;
}

/* move searchbox up over carousel */
#searchbox.search-box-section.desktop {
  position: relative;  
  width: 100%;
  /* position down from top amount of main padding / navbar height */
  margin-top: calc(-100vw/3);
  /* calculate height by aspect ratio of carousel images, so it's the same size */
  height: calc(100vw/3);
}

.desktop .search-box-component {
    width: 50%;
}

@media screen and (max-width: 36em) {.search-box input{font-size: 80%;}}

/* Styles for the 'assets-button' */
.assets-button {
  content: '';
  background-color: var(--gore-green);
  position: absolute;
  right: -1px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
  min-width: 6rem;
  padding: 1rem 2rem;
  cursor: pointer;
  color: #fff;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50" fill="%23fff"%3E%3Cpath d="M 21 3 C 11.601563 3 4 10.601563 4 20 C 4 29.398438 11.601563 37 21 37 C 24.355469 37 27.460938 36.015625 30.09375 34.34375 L 42.375 46.625 L 46.625 42.375 L 34.5 30.28125 C 36.679688 27.421875 38 23.878906 38 20 C 38 10.601563 30.398438 3 21 3 Z M 21 7 C 28.199219 7 34 12.800781 34 20 C 34 27.199219 28.199219 33 21 33 C 13.800781 33 8 27.199219 8 20 C 8 12.800781 13.800781 7 21 7 Z"%3E%3C/path%3E%3C/svg%3E');
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

/* Hover effect */
.assets-button:hover {
  opacity: 0.7;
}

.caption {
  position: relative;
  bottom: 4rem;
  left: 2rem;
  z-index: 2;
  text-decoration: none;
  opacity: 0.7;
  margin-bottom: -1.6rem;
}